//全局配置
html,body,h1,h2,h3,h4,h5,ul,li,p,span,div,input,a,table,tr,td,label,textarea,i,select,ins,article{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
h1,h2,h3,h4,h5{
	font-weight: normal;
}
body, th, td{
    font-family: arial;
}
ul,li,ol,li{list-style: none;}
a{
	text-decoration: none
}
//背景色
@bg:#F5F5F5;
@green:#67C93C;//绿
@dblue:#50729F;
@skyb:#249CF2;


//字体颜色变量
@baseline:#ffffff;
@6:#666666;
@acc:#67C93C;
@org:#EB6100;
@gry:#C9C9C9;
//定位
.pos(r){
	position: relative;
}
.pos(a){
	position: absolute;
}
.pos(f){
	position: fixed;
}
.fl(l){
	float: left;
}
.fl(r){
	float: right;
}
.bg-wrapper{
	background-color: @bg;
}
.container{
	width: 1280px;
	margin:0 auto;
	.pos(r)
}
.clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
header{ 
	background-color: @dblue;
	.pos(r);
	height:120px;
	div.hd-bg{
		.pos(a);
		top:0;
		left:0;
		width:65%;
		height:120px;
		img{
			width: 100%;
			height:100%;
		}
	}
	div.container{
		height: 100%;
		padding-top: 30px;
	}
	div.hd-item{
		display: inline-block;
	}
	div.hd-item.hd-logo{
		background-color:@bg
	}
	div.hd-item.user-box{
		background-color: @dblue;
		.fl(r);
		margin-top: -10px;
	}
}
.user-item{
	.fl(l);
}
.user-hd{
	padding:0 15px;
	padding-top: 15px;
}
.user-info{
	width: 200px;
	color:@baseline;
	font-size: 14px;
	p{
		margin-bottom: 6px;
	}
	ol{
		li{
			float: left;
			margin-left: 10px;
		}
	}
}
.btn-access{
	background-color:@acc!important;
}
.btn-org{
	background-color:@org!important;
}
.btn-gry{
	background-color:@gry!important;
}
.bd-wrapper{
	height:80px;
	.pos(r);
	div.bd-bg{
		width:50%;
		height:80px;
		.pos(a);
		top: 0;
		left: 0;
		background-color: @skyb;
	};
	div.bd-tabinfo{
		height:80px;
		background-color: @skyb;
		font-size:12px;
		color: @baseline;
		padding-top: 15px;
		p{
			line-height: 20px;
			text-indent: 30px;
			padding:0 40px;
		}
	}
}
//建设内容
.bd-content{
	background-color: @bg;
	div.bd-top{
		color:@6;
		text-align: center;
		padding: 25px 0;
		h2{
			font-size: 27px;
		}
		span{
			font-size: 10px;
			background-color: #E5E5E5;
		}
		p{
			margin-top: 8px;
			font-size: 12px;
		}
		}
}
//入口中心
.rk-center{
	margin-bottom: 100px;
}
.rk-lists{
    margin: 0 -15px 0 0;
	ul{ 
		div.rk-item{
			.pos(r);
			width: 375px;
    		height: 230px;
			float: right;
		    margin-right: 15px;
		    margin-bottom: 15px;
		    color:@baseline;
		    overflow: hidden;
		    &:hover div.wall-paper{
					transform:scale(1.3,1.3);
				}
		    div.wall-paper{
		    	width: 100%;
		    	height: 100%; 
		    	top: 0; left: 0;
		    	background: url(../img/wallpaper1.png) 100% 100%;
		    	.pos(a);
		    	z-index:1;
		    	transition:all 0.5s ease;
				
		    }
		    div.rk-cover-lan{
		    	background-color:rgba(45, 160, 255,0.7); 
		    }
		    div.rk-cover-orange{
		    	background-color:rgba(255, 118, 25,0.7); 
		    }
		    div.rk-cover-purple{
		    	background-color:rgba(138,137,203,0.7); 
		    }
		    div.wall-paper2{
		    	background: url(../img/wp2.png) 100% 100%;
		    }
		    div.wall-paper3{
		    	background: url(../img/wp3.png) 100% 100%;
		    }
		    div.wall-paper4{
		    	background: url(../img/wp4.png) 100% 100%;
		    }
		    div.wall-paper5{
		    	background: url(../img/wp5.png) 100% 100%;
		    }
		    div.wall-paper6{
		    	background: url(../img/wp6.png) 100% 100%;
		    }
		    div.wall-paper7{
		    	background: url(../img/wp7.png) 100% 100%;
		    }
		    div.rk-box{ 
		    	.pos(a);width: 100%;height:100%;padding:20px 25px;z-index: 3;
		    	h2{margin-top:40px;}
		    	p{margin-top:24px;font-size: 15px}
		    	div.rk-btns{
					.pos(a);
					bottom: 20px;right:20px;
					ul{
						li{.fl(r);margin-left: 15px;
							a{	display: block;padding:5px 20px;border-radius: 20px;background: @skyb;
							border:1px solid @baseline;color:@baseline;font-size: 13px;
							}
						}
						li.min-li{
							margin-left:10px;
							a{padding:5px 10px}
						}
					}
		    	}
		    }
		}
		div.rk-sm{
			width: 295px;
		}
		div.rk-lg{
			width: 525px;
			div.wall-paper-his{
		    	background: url(../img/his.png) 265px ~"56%/50%";
		    }
		    div.wall-paper-green{
		    	.pos(a);top:0;left: 0;z-index:2;text-align: center;
		    	width: 264px;height:100%;background:@green;
		    	padding: 20px 25px;
		    	h2{margin-top:40px;}
		    	p{margin-top:24px;font-size: 15px;}
		    	span.sj{
		    		.pos(a);top: 46%;left:100%;
		    		display: block;height:0;width: 0;
		    		border-top:12px solid transparent;
		    		border-left:15px solid @green; 
		    		border-bottom:12px solid transparent;
		    	}
		    }
		}
		div.rk-md{
			width: 350px
		}
		div.rk-tall{
			height: 475px;
			div.wall-paper{
		    	background: url(../img/wp0.png) 100% 100% repeat-y;
		    }
		    div.wall-paper-green{
		    	.pos(a);top:0;left: 0;z-index:2;
		    	width: 100%;height:230px;background:@green;
		    	span.sj{
		    		.pos(a);bottom: -15px;left:46%;
		    		display: block;height:0;width: 0;border-top:15px solid @green;
		    		border-left:12px solid transparent;
		    
		    		border-right:12px solid transparent;
		    	}
		    }
		}
	}
	

}
footer{
	line-height: 30px;
	background-color:@skyb;
	p{
		color:@baseline;
		font-size: 13px;
		text-align: center;
	}
}


